<template>
 <div id="root">
  <Animation1></Animation1>
  <Animation2></Animation2>
  <Animation3/>
<Animation4/>
  <Animation5/>
  <ActionComponent/>
     <Animation6/>

 </div>
</template>

<style>

</style>
<script>
    import Animation1 from "./views/Animation1";
    import Animation2 from "./views/Animation2";
    import Animation3 from "./views/Animation3";
    import Animation4 from "./views/Animation4";
    import Animation5 from "./views/Animation5";
    import ActionComponent from "./views/Action-component";
    import Animation6 from "./views/Animation6";


    export default {
        components: {Animation6, ActionComponent, Animation5, Animation4, Animation3, Animation2, Animation1}
    }
</script>